/**
 * Created by zhagz on 2016/9/9.
 */

$(function() {

	/* 刷新完成后加载 */
	SaveCurUserToSession();
	fillCourseInfo(course_id);

	$('#menu_mod_learn_btn')
			.click(
					function() {
						$
								.ajax({
									type : 'POST',
									url : baseUrl + '/course/syllabus ',// syllabus：大纲
									data : {
										course_id : course_id
									},
									success : function(data) {
										display4Div();
										$('.mod_learn').css("display", "block");
										$('.mod_learn ul').empty();
										if (data != null && data != ''
												&& data.length != 0) {
											for (var i = 0; i < data.length; i++) {
												$('#course_mod_learn_temp')
														.tmpl(data[i])
														.appendTo(
																'.mod_learn ul');
											}
										} else {
											$('.course_mod .mod_learn').empty();
											$('.course_mod .mod_learn').css({
												'text-align' : 'center',
												'margin' : '10px auto'
											});
											$('.course_mod .mod_learn')
													.append(
															"<span style='font-family: \"Microsoft YaHei\";display: block; font-size: 24px;margin: 20px;padding-top: 20px'>暂无大纲，请等待更新！</span>");
										}
									},
									error : function() {
										$('.course_mod .mod_learn').empty();
										$('.course_mod .mod_learn').css({
											'text-align' : 'center',
											'margin' : '10px auto'
										});
										$('.course_mod .mod_learn')
												.append(
														"<span style='font-family: \"Microsoft YaHei\";font-size: 24px;'>暂无大纲，请等待更新！</span>");
									}
								});// ajax

					}); // end with $('#menu_mod_learn_btn').click

	$('#menu_mod_comment_btn')
			.click(
					function() {
						$
								.ajax({
									type : 'POST',
									url : baseUrl + '/comment/course ',
									data : {
										course_id : course_id
									},
									success : function(data) {
										display4Div();
										$('.mod_comment').css("display",
												"block");
										$('.mod_comment ul').empty();
										if (data != null && data != ''
												&& data.length != 0) {
											for (var i = 0; i < data.length; i++) {
												$('#course_mod_comment_temp')
														.tmpl(data[i])
														.appendTo(
																'.mod_comment ul');
											}
										} else {
											$('.course_mod ul').empty();
											$('.course_mod .ul').css({
												'text-align' : 'center',
												'margin' : '10px auto'
											});
											$('.course_mod ul')
													.prepend(
															"<span style='font-family: \"Microsoft YaHei\";display: block; font-size: 24px;margin: 20px;padding-top: 20px'>暂无评论！</span>");
										}
									},
									error : function() {
										$('.course_mod .mod_comment').empty();
										$('.course_mod .mod_comment').css({
											'text-align' : 'center',
											'margin' : '10px auto'
										});
										$('.course_mod .mod_comment')
												.append(
														"<span style='font-family: \"Microsoft YaHei\";font-size: 24px;'>暂无评论！</span>");
									}
								});// ajax

					}); // end with $('#menu_mod_comment_btn').click

	$('#menu_mod_qa_btn')
			.click(
					function() {
						$
								.ajax({
									type : 'POST',
									url : baseUrl + '/qa/course ',
									data : {
										course_id : course_id
									},
									success : function(data) {
										display4Div();
										$('.mod_qa').css("display", "block");

										return;
										$('.mod_qa ul').empty();
										if (data != null && data != ''
												&& data.length != 0) {
											for (var i = 0; i < data.length; i++) {
												$('#course_mod_qa_temp').tmpl(
														data[i]).appendTo(
														'.mod_qa ul');
											}
										} else {
											$('.course_mod .mod_qa').empty();
											$('.course_mod .mod_qa').css({
												'text-align' : 'center',
												'margin' : '10px auto'
											});
											$('.course_mod .mod_qa')
													.append(
															"<span style='font-family: \"Microsoft YaHei\";display: block; font-size: 24px;margin: 20px;padding-top: 20px;'>暂无提问！</span>");
										}
									},
									error : function() {
										$('.course_mod').empty();
										$('.course_mod').css({
											'text-align' : 'center',
											'margin' : '10px auto'
										});
										$('.course_mod')
												.append(
														"<span style='font-family: \"Microsoft YaHei\";font-size: 24px;'>暂无提问！</span>");
									}
								});// ajax

					}); // end with $('#menu_mod_qa_btn').click

	$('#menu_mod_files_btn')
			.click(
					function() {
						$
								.ajax({
									type : 'POST',
									url : baseUrl + '/file/course ',
									data : {
										course_id : course_id
									},
									success : function(data) {
										display4Div();
										$('.mod_files').css("display", "block");
										$('.mod_files ul').empty();
										iframeOnload();
										if (data != null && data != ''
												&& data.length != 0) {
											for (var i = 0; i < data.length; i++) {
												$('#course_mod_files_temp')
														.tmpl(data[i])
														.appendTo(
																'.mod_files ul');
											}
										} else {
											$('.course_mod ul').empty();
											$('.course_mod ul').css({
												'text-align' : 'center',
												'margin' : '10px auto'
											});
											$('.course_mod ul')
													.append(
															"<span style='font-family: \"Microsoft YaHei\";display: block; font-size: 24px;margin: 20px;padding-top: 20px'>暂无上传资料！</span>");
										}
									},
									error : function() {
										$('.course_mod ul').empty();
										$('.course_mod ul').css({
											'text-align' : 'center',
											'margin' : '10px auto'
										});
										$('.course_mod ul')
												.append(
														"<span style='font-family: \"Microsoft YaHei\";font-size: 24px;'>暂无上传资料！</span>");
									}
								});// ajax

					}); // end with $('#menu_mod_files_btn').click

	$('#select_this_course').click(function() {
		var stu = JSON.parse($.session.get('stu_id'));
		$.ajax({
			type : 'POST',
			url : baseUrl + '/cs/select ',
			data : {
				course_id : course_id,
				stu_id : stu.id
			},
			success : function(data) {
				if (data == 'success')
					alert('成功！');
				else if (data == 'conflict')
					alert('与课程冲突！');
				else if (data == 'isSelected')
					alert('已选择过该课程！')
				else if (data == 'isFull')
					alert('上课人数已满！')
				else if (data == 'wrongId')
					alert('该课程id不存在！')
				else if (data == 'fullCredit')
					alert('可选学分已满35！')
				else
					alert('失败！');

			},
			error : function() {
				alert("网络好像出了点问题，请稍后重试！");
			}
		});// ajax
	}); // end with $('#select_this_course').click

	$('.user_input_comment .input_button').click(function() {
		var stu = JSON.parse($.session.get('stu_id'));
		var content = $('.user_input_comment .input_textArea').val();
		$.ajax({
			type : 'POST',
			url : baseUrl + '/comment/add ',
			data : {
				course_id : course_id,
				stu_id : stu.id,
				content : content
			},
			success : function(data) {
				if (data == 'success')
					alert('评论成功！');
				else if (data == 'notSelect')
					alert('未选择该课程，不得评论！');
				else if (data == 'wrongContent')
					alert('评论内容有误！');
				else
					alert('失败！');
			},
			error : function() {
				alert("网络好像出了点问题，请稍后重试！");
			}
		});// ajax
	});// end with $('.user_input_comment .input_button').click
	
	
	//默认点击按钮.
	 $("#menu_mod_learn_btn").trigger("click");

});

/* 加载iframe的时候执行 */
var iframeOnload = function() {
	// iframe里的
	$('#upload_frame').ready(
			function() {
				var stu = JSON.parse($.session.get('stu_id'));
				$('#file_upload_stu_id', $("#upload_frame").contents()).val(
						stu.id);
				$('#file_upload_course_id', $("#upload_frame").contents()).val(
						course_id);

				$(".input_button", $("#upload_frame").contents()).click(
						function() {
							$('#file_upload_button').submit();
						});// end with $('#file_upload_button').click

			});
};

// 得到当前用户
var SaveCurUserToSession = function() {
	var stu = JSON.parse($.session.get('stu_id') == null ? "{}" : $.session
			.get('stu_id'));
	if (stu.id == null || stu.id == "") {
		$.ajax({
			type : "GET",
			url : baseUrl + '/stu/curUser',
			success : function(data) {
				$.session.set('stu_id', JSON.stringify(data));
			}
		});
	}
};

/* 将4个按钮对应的每个div都设置为display：none 以隐藏 */
var display4Div = function() {
	$('.mod_learn').css('display', 'none');
	$('.mod_comment').css('display', 'none');
	$('.mod_qa').css('display', 'none');
	$('.mod_files').css('display', 'none');
};

// 获取url中的参数
var getUrlParam = function(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
	var r = window.location.search.substr(1).match(reg); // 匹配目标参数
	if (r != null)
		return unescape(r[2]);
	return null; // 返回参数值
}

/* 全局变量 */
var baseUrl = 'http://127.0.0.1:8080/bks_xk';
var course_id = getUrlParam('course_id');

var fillCourseInfo = function(id) {
	$
			.ajax({
				type : 'GET',
				url : baseUrl + '/course/one',
				data : {
					courseId : course_id
				},
				success : function(data) {
					$('.desc_right').empty();
					$('#course_all_info_desc_right').tmpl(data).appendTo(
							'.desc_right');
					$('.middle_top .image img').attr('src', data.icon);
					$('.middle_top .desc .desc_top h2').html(data.name);

					$('.bottom_right').empty();
					if (data.teacher1 != null) {
						$('#teacher_info').tmpl(data.teacher1).appendTo(
								'.bottom_right');
					}
					if (data.teacher2 != null && data.teacher2.name !='' && data.teacher2.name != null) {
						$('#teacher_info').tmpl(data.teacher2).appendTo(
								'.bottom_right');
					}
				},
				error : function(data) {
					alert("网络连接失败，请稍后重试！");
				}
			});
};
